// pages/menu/menu.js
Page({

    //地址 /images/menu/1-1.jpg
    data: {
        //轮播图
        swiperList: [],
        //  轮播图当前的图片索引
        currentIndex_1: 0,
        // 记录每个右边子级标签对应的高度
        heights: [0],
        // 记录一下当前的右边滚动到哪个子标签了了
        rightId: 'item0',
        // 控制哪个分类的左边显示蓝色
        currentIndex: 0,
        menu: [],
    },
    //轮播
    swiperChange(c) {
        var index = c.detail.current;
        // console.log(index)
        this.setData({
            currentIndex_1: index,
        })
    },

    leftTap(e) {
        var index = e.currentTarget.dataset.sort;
        this.setData({
            rightId: 'item' + index,
            currentIndex: index
        })
    },
    rightScroll(e) {
        // e.detail.scrollTop 这个就是容器里面的内容滚动出去的距离
        // 判断 滚动出去的距离是否超过指定的位置，如果超过，就修改左边的 蓝色
        var hs = this.data.heights;
        // console.log(hs);
        for (var i = hs.length - 1; i >= 0; i--) {
            if (e.detail.scrollTop > hs[i]) {
                // console.log(e.detail.scrollTop, hs[i], i);
                // 如果满足条件 ， 证明 滚动们位置超过了指定 右边的高度
                // 左边的 分类 就应该变成 和 右边对应位置的 分类
                this.setData({
                    currentIndex: i
                })
                break
            }
        }
    },
    // 在页面准备完毕的时候，获取在页面上的 右边的 内容 的位置信息
    onReady() {
        setTimeout(() => {
            var query = wx.createSelectorQuery();
            // 获取所有右边的子级分类 , 再调用boundingClientRect获取所有的对应标签的信息
            query.selectAll('.item').boundingClientRect();
            query.exec((res) => {
                var hs = res[0];
                var temp = [];
                var h = 0;
                for (var i = 0; i < hs.length; i++) {
                    h += hs[i].height;
                    temp.push(h);
                }
                this.setData({
                    heights: this.data.heights.concat(temp)
                })
            })
        }, 500);
        var _this = this;
        // 在小程序中发请求 10.155.237.253   10.141.203.198
        wx.request({
          url: 'http://10.155.237.253:8888/coffee_wechatProject/data/MenuData',
          success(res) {
            // console.log(res.data);
            _this.setData({
              menu:res.data.menu,
              swiperList:res.data.swiperList
            })
          }
        })
    },
})